<!DOCTYPE html>
<html>
	<head>
		<meta charset='UTF-8'>
		<title>Register</title>
		<link type='text/css' href='css/home.css' rel='stylesheet'>
 		<link type='text/css' href='css/login.css' rel='stylesheet'>
		<script type='text/javascript' src='js/jquery-2.1.3.js'></script>
        <script type='text/javascript' src='js/register.js'></script>
	</head>
	<body>
		<div id='container'>
			<header>
				<div class='logo'>
					<h1 class='eightbit'>The Demise of Balor</h1>
					<h3 class='eightbit'>All evil shall perish</h3>
				</div>
			</header>
						
			<div id='content'>					
				<div class='menu_holder'>
					<ul class='menu eightbit'>
						<li><a href='home.html'>home</a></li>
						<li><a href='play.html'>play</a></li>
						<li><a href='how_to_play.html'>how to play</a></li>
						<li><a href='highscores.html'>high scores</a></li>
						<li><a href='login.html'>profile</a></li>
					</ul>
				</div>
											
				<div class='articles'>
					<h2 class="eightbit">Register</h2><hr>
					<div class="errors" id="errors" style="color:red; font-weight:bold; text-align:center"> </div>
					<div id='regcontainer' class='form_holder'>
						<form>
							<input id='email' type='email' placeholder='email'><br>
							<div class="errors" id='errors_email' style="color:red; font-weight:bold"> </div>
							<input id='username' type='text' placeholder='username'><br>
							<div class="errors" id='errors_username' style="color:red; font-weight:bold"> </div>
							<input id='password' type='password' placeholder='password'><br>
							<div class="errors" id='errors_password' style="color:red; font-weight:bold"> </div>
							<input id='repeat_password' type='password' placeholder='repeat password'><br>
							<div class="errors" id='errors_repeat_password' style="color:red; font-weight:bold"> </div>
							<input id='avatar' type='text' placeholder='URL of the avatar'><br>
							<div class="errors" id='errors_avatar' style="color:red; font-weight:bold"> </div>
							<input id='submit_button' type='submit' class='logbutton' value='Register'>	<br>
						</form>		
					</div>
				</div>
						
			</div>
						
			<footer>
				<div  class='links'>
					<p>Click on a link and see what happens</p>
					<a href='http://en.wikipedia.org/wiki/Role-playing_video_game'>Resourse 1</a> | 
					<a href='http://opengameart.org/content/lpc-medieval-fantasy-character-sprites'>Resourse 2</a> | 
					<a href='http://www.lostgarden.com/2006/07/more-free-game-graphics.html'>Resourse 3</a>
				</div>
			</footer>
		</div>
	</body>
</html>
